<template>
  <div
    class="all"
    :style="{ height: screenHeight + 'px', width: screenWidth + 'px' }"
  >
    <Return txt="吉安市"></Return>
    <div class="input">
      <van-icon v-if="search == ''" class="input_icon" name="search" />
      <input type="text" class="inputAl" v-model="search" placeholder="搜索" />
    </div>
    <div class="list">
        <div class="list1">
            <img src="../../assets/images/addressicon.png" alt="">
            <div class="listA">
                <span style="font-size:18px">吉安市地址发发发</span>
                 <span style="margin-top:5px;color:#B8B8B8">吉安市发发肥嘟嘟发</span>
            </div>
        </div>
        <div class="list2">测试用户 <span style="margin-left:15px">2020/10/10</span></div>
    </div>
  </div>
</template>
<script>
import Return from "../../components/return";
export default {
  components: {
    Return,
  },
  data() {
    return {
      screenWidth:
        window.innerWidth ||
        document.documentElement.clientWidth ||
        document.body.clientWidth,
      screenHeight:
        window.innerHeight ||
        document.documentElement.clientHeight ||
        document.body.clientHeight,
      search: "",
    };
  },
};
</script>
<style scoped>
.all {
  background: #eeeeee;
}
.input {
  height: 50px;
  width: 100%;
  text-align: center;
  line-height: 50px;
  position: relative;
  background: #eeeeee;
}
.input_icon {
  position: absolute;
  left: 43%;
  top: 15px;
  font-size: 18px;
}
.inputAl::-webkit-input-placeholder {
  padding-left: 5%;
}
.inputAl {
  height: 35px;
  width: 96%;
  border: none;
  text-align: center;
}
.list{
    height: 120px;
    width: 94%;
    margin-left: 3%;
    border-radius: 5px;
    background: #fff;
}
.list1{
    height: 80px;
    display:flex;
    align-items: center;
}
.list1 img{
    width:60px;
    height: 60px;
    border-radius: 5px;
    margin:0 20px;
    background: #F8F8F8;
}
.listA{
       display:flex; 
       flex-direction: column;
}
.list2{
    margin:  10px 20px;
    font-size: 16px;
    color: #B8B8B8;
}
</style>